<script type="text/x-template" id="remote-pair">
    <div style="display:flex;width:100%;height:100%;padding-top: var(--navigationBarHeight);position:absolute;top:0;left:0;">
        <webview id="foo" src="https://cider.sh" style="display:inline-flex; width:100%;"></webview>
    </div>
</script>
<script>
  Vue.component('remote-pair', {
    template: '#remote-pair',
    async mounted() {
      ipcRenderer.send('get-remote-pair-url')
      ipcRenderer.on('send-remote-pair-url', (event, url) => {
        this.url = url
        app.webview.src = url
        document.getElementById('foo').src = url;
      })
    },
    methods: {}
  });
</script>
